<template>
    <div>
        <el-form-item label="name属性：" prop="name">
            <el-input v-model="modalFormData.name"></el-input>
        </el-form-item>
        <el-form-item label="控件名称：">
            <el-input v-model="modalFormData.label" placeholder="请输入控件名称" ></el-input>
        </el-form-item>
        <el-form-item label="是否必填：">
            <el-checkbox v-model="modalFormData.require">必填</el-checkbox>
        </el-form-item>
        <el-form-item label="开启颜色">
            <el-color-picker v-model="modalFormData.openColor"></el-color-picker>
        </el-form-item>
        <el-form-item label="关闭颜色：">
            <el-color-picker v-model="modalFormData.closeColor"></el-color-picker>
        </el-form-item>
    </div>
</template>
<script>
export default {
    name:'SwitchConfig',
    props:{
        modalFormData:{
            type:Object,
            default:()=>{
                return {}
            }
        }
    }
}
</script>